<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/首页头部.css">
    <link rel="stylesheet" href="../css/首页尾部2.css">
    <link rel="stylesheet" href="css/wy/common.css">
    <link rel="stylesheet" href="css/wy/app.css">
    <link rel="stylesheet" href="css/wy/channel.css">
    <link rel="stylesheet" href="css/wy/translateelement.css">
    <script src="./js/jquery-3.6.0.js"></script>
    <script src="./js/axios.min.js"></script>
    <script src="./js/wy_ppzc.js"></script>
</head>


<body>
    <header class="header">
        <!-- 欢迎来到聚美 -->
        <div class="top_border">
            <div class="top_top">
                <!-- 左边 -->
                <div class="top_left">
                    <span>欢迎来到聚美！</span>
                    <a href="../src/登录.html" id="a1">请登录</a>
                    <a href="./src/首页注册.html" id="a1">快速注册</a>
                </div>

                <!-- 右边 -->
                <div class="top_right">
                    <ul class="head_right_nav">
                        <li>
                            <a href="../src/我的订单.html">订单查询</a>
                        </li>
                        <li>
                            <div>
                                <i></i>
                            </div>
                            <a href="">收藏的品牌</a>
                        </li>
                        <li class="item_i">
                            <a href="../src/我的聚美.html" >我的聚美</a>
                            <div class="sub_nav">
                                <ul>
                                    <li>
                                        <a href="" class="li">我的订单</a>
                                    </li>
                                    <li>
                                        <a href="" class="li">我的现金劵</a>
                                    </li>
                                    <li>
                                        <a href="" class="li">我的红包</a>
                                    </li>
                                    <li>
                                        <a href="" class="li">我的余额</a>
                                    </li>
                                    <li>
                                        <a href="" class="li">我的提现退款</a>
                                    </li>
                                    <li>
                                        <a href="" class="li">我的收藏</a>
                                    </li>
                                    <li>
                                         <a href="" class="li">我的心愿单</a>
                                    </li>
                                    <li>
                                        <a href="" class="li">会员中心</a>
                                    </li>
                                    <li>
                                        <a href="" class="li">礼品卡兑换</a>
                                    </li>
                                </ul>
                                
                            </div>
                            <!-- <a href="" class="li">我的订单</a>
                            <a href="" class="li">我的现金劵</a>
                            <a href="" class="li">我的红包</a>
                            <a href="" class="li">我的余额</a>
                            <a href="" class="li">我的提现退款</a>
                            <a href="" class="li">我的收藏</a>
                            <a href="" class="li">我的心愿单</a>
                            <a href="" class="li">会员中心</a>
                            <a href="" class="li">礼品卡兑换</a> -->
                            
                        </li>
                        <li>
                            <div>
                                <i></i>
                            </div>
                            <a href="">手机聚美</a>
                        </li>
                        <li>
                            <a href="">更多</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 聚美优品 -->
        <div class="center_border">
            <img src="../img/注册和登录的图片/logo_new_v1.jpg" class="img1">

            <!-- 搜索 -->
            <div class="center_center">
                <input type="search">
                <input type="submit" value="搜索">
                <ul>
                    <li>
                        <a href="">保湿</a>
                    </li>
                    <li>
                        <a href="">面膜</a>
                    </li>
                    <li>
                        <a href="">洗面奶</a>
                    </li>
                    <li>
                        <a href="">补水</a>
                    </li>
                    <li>
                        <a href="">香水</a>
                    </li>
                    <li>
                        <a href="">眼霜</a>
                    </li>
                    <li>
                        <a href="">口红</a>
                    </li>
                    <li>
                        <a href="">护肤套装</a>
                    </li>
                    <li>
                        <a href="">BB霜</a>
                    </li>
                </ul>
            </div>

            <!-- 购物车 -->
            <div class="center_right">
                <ul>
                    <li> <img src="../img/首页头部和尾部的图片/cart.gif" alt=""></li>
                    <li>
                        <a href="./shoppingcar.html">去购物车结算</a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 首页导航栏 -->
        <div class="nav_border">
            <div class="nav_nav">
               <ul>
                   <li>
                       <a href="../homepage.html">首页</a>
                   </li>
                   <li>
                        <a href="../极速免税店.html">极速兔税店</a>
                   </li>
                   <li>
                        <a href="../src/母婴特卖.html">母婴特卖</a>
                   </li>
                   <li>
                         <a href="../商品筛选.html">美妆商城</a>
                   </li>
                   <li>
                         <a href="../国际轻奢.html">国际轻含</a>
                   </li>
                   <li>
                        <a href="../品牌专区.html">品牌专场</a>
                   </li>
                   <li>
                         <a href="../src/有偿咨询.html">有偿咨询</a>
                   </li>
                   <li>
                        <a href="../src/合作招商.html">合作招商</a>
                   </li>
               </ul>
               <div class="outer">
                   <ul>
                       <li>
                           <a href="###"><img src="../img/首页头部和尾部的图片/z_01new.jpg" alt=""></a>
                       </li>
                       <li>
                           <a href="../帮助中心.html"><img src="../img/首页头部和尾部的图片/z03.jpg" alt=""></a>
                       </li>
                   </ul>
                </div>
            </div>
        </div>
    </header>



    <div class="channel_con">
        <div class="pop_box">
            <div class="pop_center_con" id="pop_hot">
                <div class="pop_left_part">
                    <div class="pop_left_title">
                        <h3 class="fl"></h3>
                        <h6 class="fr"><span>每天10点，恭候莅临</span> | 正品保证</h6>
                    </div>
                </div>

                <div class="pop_right_con">
                    <!--品牌预告上方轮播 -->
                    <div id="J_brandTrailer" class="brand_trailer">
                        <div class="bt_title">品牌预告 <span>FORESHOW</span></div>
                        <div class="bt_head" id="J_bt_tab">
                            <span class="" loaded="true"><b>明天</b><br>11.17</span>
                            <span class="cur" loaded="true"><b>后天</b><br>11.18</span>
                            <span><b>周五</b><br>11.19</span>
                            <i class="line" style="left: 95px; display: inline;"></i>
                        </div>
                        <div class="tab_contents">
                            <div class="bt_tab_content" style="display: none;">
                                <div class="bt_container">
                                    <div class="bt_con"> </div>
                                </div>
                                <div class="bt_bottom">
                                    <a href="javascript:;" class="slideup slide-dis"></a>
                                    <a href="javascript:;" class="slidedown slide-dis"></a>
                                </div>
                            </div>
                            <div class="bt_tab_content" style="display: block;">
                                <div class="bt_container">
                                    <div class="bt_con"> </div>
                                </div>
                                <div class="bt_bottom">
                                    <a href="javascript:;" class="slideup slide-dis"></a>
                                    <a href="javascript:;" class="slidedown slide-dis"></a>
                                </div>
                            </div>
                            <div class="bt_tab_content" style="display: none;">
                                <div class="bt_container">
                                    <div class="bt_con">
                                        <textarea>                                                                    </textarea>
                                    </div>
                                </div>
                                <div class="bt_bottom">
                                    <a href="javascript:;" class="slideup"></a>
                                    <a href="javascript:;" class="slidedown"></a>
                                </div>
                            </div>
                        </div>
                        <div class="bt_activity box-shadow" id="J_bt_activity"></div>
                    </div>


                    <div class="pop_right_part">
                        <div class="pop_right_part_bg"></div>
                        <div class="pop_right_part_con">
                            <h2>贴心为您<span>PROMISE</span></h2>
                            <div class="right_con right_new">
                                <a class="promise_a promise_double" href="/i/pop/rule" target="_blank">
                                    <i class="promise_one"></i>
                                    <div>一切为您，精心甄选品牌正品，所售商品接受专柜验货。</div>
                                </a>
                                <a class="promise_a" href="/i/pop/rule" target="_blank">
                                    <i class="promise_two"></i>
                                    <div>每天<span class="promise_s"> 10 </span>点上新</div>
                                </a>
                                <a class="promise_a" href="/i/pop/rule" target="_blank">
                                    <i class="promise_three"></i>
                                    <div>名品特卖单商家满<span class="promise_s"> 159 </span>包邮</div>
                                </a>
                                <a class="promise_a" href="/i/pop/rule" target="_blank">
                                    <i class="promise_four"></i>
                                    <div><span class="promise_s">7天 </span>无条件退货</div>
                                </a>
                                <a class="promise_a promise_double" href="/i/pop/rule" target="_blank">
                                    <i class="promise_six"></i>
                                    <div><span class="promise_num">400-123-8888</span><span class="promise_s">24小时</span>客服热线（免长途费）</div>
                                </a>
                                <a class="promise_a promise_big" href="/i/pop/rule" target="_blank">
                                    <div>点击查看详情&gt;&gt;</div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="pop_right_part">
                        <div class="pop_right_part_bg"></div>
                        <div class="pop_right_part_con">
                            <h2>品牌伙伴<span>MERCHANT</span></h2>
                            <div class="right_con">
                                <a href="http://partner.jumei.com/join/index?from=footer" target="_blank" class="right_merchant">
                                    <i></i>
                                    <p class="t">为顾客奉献优质商品</p>
                                    <p class="btn">查看入驻详情</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="pop_center_con pop_center_onsale" id="pop_center_onsale" style="display: none;">
                <p class="pop_tit_box">
                    尊享热卖
                </p>
                <div class="pop_left_part" id="popOnsale">
                </div>
            </div>
            <div class="pop_center_con pop_center_coming" id="pop_center_coming" style="display: none;">
                <p class="pop_tit_box">
                    即将开售
                </p>
                <div class="pop_left_part" id="popComing">
                </div>
            </div>
        </div>
        <div class="pop_bottom">
            <span>每天10点上新</span>
            <span>7天无条件退货</span>
            <span>名品特卖单商家满159包邮</span>
        </div>
    </div>



    <footer class="footer">
        <div class="foot">
           <div class="foot_nav">
               <a href="###">
                    <i></i>
                    <div class="book">
                        <p>值得信赖美妆电商</p>
                        <p>四千万用户信赖</p>
                    </div>
               </a>
               <a href="###">
                    <i></i>
                    <div class="book">
                        <p>成功在美上市</p>
                        <p>股票代码NYSE:JMEI</p>
                    </div>
               </a>
               <a href="###">
                    <i></i>
                    <div class="book">
                        <p>品牌防伪码</p>
                        <p>支持品牌官网验真</p>
                    </div>
               </a>
               <a href="###">
                    <i></i>
                    <div class="book">
                        <p>百万用户口碑</p>
                        <p>帮你只选对的，不选贵的</p>
                    </div>
               </a>
               <a href="###">
                    <i></i>
                    <div class="book">
                        <p>订单闪电发货</p>
                        <p>1.5小时订单急速出库</p>
                    </div>
               </a>
               <a href="###">
                    <i></i>
                    <div class="book">
                        <p>大牌明星热荐</p>
                        <p>打造精致明星脸</p>
                    </div>
               </a>
           </div>
           <hr>
        </div>

        <!-- 中间 -->
        <div class="foot_center">
            <ul>
                <li>服务保障</li>
                <li>
                    <a href="###">品牌真品防伪码</a>
                </li>
                <li>
                    <a href="###">专属客服服务</a>
                </li>
                <li>
                    总裁邮箱ceo@jumei.com
                </li>
            </ul>
            <ul>
                <li>使用帮助</li>
                <li>
                    <a href="###">新手指南</a>
                </li>
                <li>
                    <a href="###">常见问题</a>
                </li>
                <li>
                    <a href="###">帮助中心</a>
                </li>
                <li>
                    <a href="###">用户协议</a>
                </li>
                <li>
                    <a href="###">公示制度</a>
                </li>
                <li>
                    <a href="###">聚美隐私权政策</a>
                </li>
                <li>
                    <a href="###">个人信息管理规则</a>
                </li>
                <li>
                    <a href="###">意见反馈及投诉举报规则</a>
                </li>
                <li>
                    <a href="###">知识产权维权处理规则</a>
                </li>
                <li>
                    <a href="###">评价管理规则</a>
                </li>
            </ul>
            <ul>
                <li>支付方式</li>
                <li>
                    <a href="###">货到付款</a>
                </li>
                <li>
                    <a href="###">在线支付</a>
                </li>
                <li>
                    <a href="###">余额支付</a>
                </li>
                <li>
                    <a href="###">现金劵支付</a>
                </li>
            </ul>
            <ul>
                <li>配送方式</li>
                <li>
                    <a href="###">包邮政策</a>
                </li>
                <li>
                    <a href="###">配送说明</a>
                </li>
                <li>
                    <a href="###">运费说明</a>
                </li>
                <li>
                    <a href="###">验货签收</a>
                </li>
            </ul>
            <ul>
                <li>售后服务</li>
                <li>
                    <a href="###">正品承诺</a>
                </li>
                <li>
                    <a href="###">售后咨询</a>
                </li>
                <li>
                    <a href="###">退货政策</a>
                </li>
                <li>
                    <a href="###">退货办理</a>
                </li>
            </ul>
            <ul>
                <li>
                    手机聚美
                </li>
                <li>
                    <div class="inner">
                        <div>
                            <i></i>
                        </div>
                    </div>
                </li>
                <li>下载移动客户端</li>
            </ul>
            <ul>
                <li>聚美微信</li>
                <li>
                    <div class="inner2">
                        <div>
                            <i></i>
                        </div>
                    </div>
                </li>
                <li>聚美官方微信</li>
            </ul>
            
        </div>
    </div> 
        <!-- 图片 -->
        <div class="foot_img">
            <img src="../img/首页头部和尾部的图片/footer_dy.jpg" alt="">
        </div>

        <!-- 尾巴 -->
        <div class="foot_one">
            <div class="one">
                <ul>
                    <li>
                        <a href="###">关于聚美优品</a>
                    </li>
                    <li>
                        <a href="###">INVESTOR RELATIONS</a>
                    </li>
                    <li>
                        <a href="###">合作招商</a>
                    </li>
                    <li>
                        <a href="###">获取更新</a>
                    </li>
                    <li>
                        <a href="###">加入聚美</a>
                    </li>
                    <li>
                        <a href="###">品牌合作专区</a>
                    </li>
                    <li>
                        <a href="###">媒体报道</a>
                    </li>
                    <li>
                        <a href="###">商务合作</a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 尾巴第二个 -->
        <div class="foot_two">
            <div class="two">
                <p>COPYRIGHT © 2010-2021 北京科新信息技术有限公司 JUMEI.COM 保留一切权利。</p>
                <div class="two_ul">
                    <ul>
                        <li>
                            <a href="###">京公网安备 11010102001226</a>
                        </li>
                        <li>
                            <a href="###">京ICP证111033号</a>
                        </li>
                        <li>
                            <a href="###">食品经营许可证</a>
                        </li>
                        <li>
                            <a href="###">营业执照</a>
                        </li>
                        <li>
                            <a href="###">ICP许可证</a>
                        </li>
                        <li>
                            <a href="###">出版物经营许可证</a>
                        </li>
                        <li>
                            <a href="###">第二类医疗器械经营备案凭证</a>
                        </li>
                        <li>
                            <a href="###">网络食品交易第三方平台提供者备案信息表</a>
                        </li>
                        <li>
                            <a href="###">增值电信业务经营许可证</a>
                        </li>
                    </ul>
                </div>

                <!-- 尾巴图片 -->
                <div class="foot_three">
                    <img src="../img/首页头部和尾部的图片/footer_btm_icon.png" alt="">
                    <img src="../img/首页头部和尾部的图片/bz.jpg" alt="">
                </div>
            </div>
        </div>

    </footer>
    <script src="./js/wy_data.js"></script>
</body>

</html>